.my-task-container {
  width: 100%;
}
.my-task-container .my-task-content {
  /* 可选：同时移除底部线条 */
}
.my-task-container .my-task-content .nut-tabs {
  background: #fff;
}
.my-task-container .my-task-content .nut-tabs__titles {
  background: transparent !important;
}
.my-task-container .my-task-content .nut-tabs__titles-item__line {
  height: 10px !important;
  /* 调整高度 */
  border-radius: 6px !important;
  /* 可选：圆角 */
}
.my-task-container .my-task-content .nut-tabs__list {
  display: flex;
  justify-content: space-between;
}
.my-task-container .my-task-content .nut-tabs__titles-item {
  color: #999 !important;
  font-size: 28rpx;
  font-weight: 400;
}
.my-task-container .my-task-content .nut-tabs__titles-item.active {
  color: #1e74fd !important;
}
.my-task-container .my-task-content .nut-tabs__titles-item.active .nut-tabs__titles-item__line {
  background: #1e74fd !important;
  width: 30rpx;
}
.my-task-container .my-task-content .nut-tab-pane {
  padding: 10rpx 20rpx;
  box-sizing: border-box;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box {
  margin-bottom: 100rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-icon {
  width: 84rpx;
  height: 84rpx;
  border-radius: 50%;
  background: linear-gradient(180deg, #00a8ff 0%, #1e74fd 100%);
  position: relative;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-icon .icon-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -5rpx;
  background: #fbfdff;
  box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(0, 82, 213, 0.15);
  border-radius: 16rpx;
  font-weight: 500;
  font-size: 20rpx;
  width: 70%;
  text-align: center;
  color: #108efe;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content {
  width: 85%;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box {
  line-height: 32rpx;
  justify-content: space-between;
  margin-left: 24rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left {
  width: 100%;
  display: flex;
  height: max-content;
  line-height: 32rpx;
  justify-content: space-between;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .list-item-status {
  background: #ffe6e5;
  font-size: 28rpx;
  border-radius: 10rpx;
  font-weight: 400;
  padding: 4rpx 10rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .list-item-status.active1 {
  color: #ff0c00;
  background: #ffe6e5;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .list-item-status.active2 {
  color: #1e74fd;
  background: #e8f1ff;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .list-item-status.active3 {
  color: #7c7a7a;
  background: #e2e1e1;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .list-item-status.active4 {
  color: #ff9100;
  background: #fff4e5;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .content-title {
  line-height: 32rpx;
  font-weight: 600;
  font-size: 32rpx;
  color: #101010;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-title-left .tag1 {
  margin: 0 16rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info {
  margin: 24rpx 0;
  display: flex;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .user {
  display: flex;
  align-items: center;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .user .user-title {
  font-size: 24rpx;
  color: #999999;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .user .user-name {
  display: flex;
  align-items: center;
  margin-left: 6rpx;
  background: #f5f5f5;
  border-radius: 20rpx;
  padding: 4rpx 8rpx 4rpx 0;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .user .user-name img {
  width: 32rpx;
  height: 32rpx;
  border-radius: 20rpx;
  margin-right: 4rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .user .user-name .user-name-text {
  width: 110rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24rpx;
  color: #101010;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .time {
  font-weight: 400;
  margin-left: 32rpx;
  display: flex;
  align-items: center;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .time .time-title {
  font-size: 24rpx;
  color: #999999;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-top .list-item-content .content-title-box .content-user-info .time .time-text {
  font-size: 24rpx;
  margin-left: 12rpx;
  color: #101010;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom {
  background: linear-gradient(180deg, #f9fcff 0%, #ffffff 100%);
  border-radius: 28rpx 28rpx 0rpx 0rpx;
  padding: 32rpx;
  box-sizing: border-box;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card {
  font-weight: 400;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item {
  line-height: 80rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item text {
  font-size: 28rpx;
  display: inline-block;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item text:nth-of-type(1) {
  width: 30%;
  color: #999;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item text:nth-of-type(2) {
  width: 70%;
  color: #ff0c00;
  font-weight: 600;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item:nth-child(2) {
  display: flex;
  align-items: center;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item:nth-child(2) text:nth-of-type(2) {
  color: #000;
  font-weight: 400;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item:nth-child(3) {
  display: flex;
  align-items: center;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .nut-avatar-group .nut-avatar-small {
  width: 32rpx;
  height: 32rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .nut-avatar-group .nut-avatar-small img {
  width: 32rpx;
  height: 32rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .list-item-bottom .list-item-card .card-item-num {
  font-size: 28rpx;
  color: #101010;
  margin-left: 16rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .card-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .card-button .card-button-left {
  float: left;
  font-size: 24rpx;
  color: #101010;
  font-weight: 400;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .card-button .card-button-left text {
  color: #ff0c00;
  font-size: 28rpx;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .card-button .card-button-right {
  float: right;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .card-button .card-button-right .btn-box {
  display: inline-block;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item .card-button .card-button-right .nut-button {
  margin-left: 20rpx;
  padding: 30rpx 30rpx;
  font-weight: 600;
  font-size: 28rpx;
  color: #ffffff;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-bottom text {
  color: #999 !important;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-bottom .card-item-num {
  color: #999 !important;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-icon {
  background: linear-gradient(180deg, #b5b7c8 0%, #6e7888 100%);
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-icon .icon-text {
  color: #999;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-content .content-user-info .user-name,
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-content .content-user-info .user-name-text {
  color: #999;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-content .time .time-text {
  color: #999;
}
.my-task-container .my-task-content .nut-tab-pane .list-item-box .list-item.active3 .list-item-content .content-title {
  text-decoration: line-through;
  color: #999 !important;
}
.my-task-container .my-task-content .swiper .swiper-item {
  display: flex;
  justify-content: space-between;
}
.my-task-container .nut-avatar-group .nut-avatar:last-child {
  display: none;
}
.my-task-container .loading-status {
  text-align: center;
}
.my-task-container .loading-status text {
  font-size: 28rpx;
}
